<body class="font-sans antialiased min-h-screen dark:bg-gray-800">
  <svg
    class="absolute w-full fill-theme-primary dark:fill-theme-dark-primary opacity-10 -z-10"
    viewBox="0 0 960 540"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    version="1.1"
    ><path
      d="M0 81L26.7 86.5C53.3 92 106.7 103 160 99.3C213.3 95.7 266.7 77.3 320 66.3C373.3 55.3 426.7 51.7 480 49.7C533.3 47.7 586.7 47.3 640 45.2C693.3 43 746.7 39 800 51C853.3 63 906.7 91 933.3 105L960 119L960 0L933.3 0C906.7 0 853.3 0 800 0C746.7 0 693.3 0 640 0C586.7 0 533.3 0 480 0C426.7 0 373.3 0 320 0C266.7 0 213.3 0 160 0C106.7 0 53.3 0 26.7 0L0 0Z"
      stroke-linecap="round"
      stroke-linejoin="miter"></path></svg
  >
  <div class="transition-colors">
    <main class="mx-auto max-w-4xl px-4 md:px-0">
      <slot />
    </main>
  </div>
</body>
